
<extend name="Public/layout"/>
<block name="head">
<script src="__PUBLIC__js/jquery.qrcode.min.js"></script>
<link rel="stylesheet" href="__PUBLIC__css/new-invitation.css">
<style type="text/css">
.footer{
  display: none;
}
</style>
</block>
<block name="main">
      <!-- 背景 -->
    <section class="header">
        <div class="invitation-bg">
            <div class="my-invitation">
                <div class="invitation-title">
                    <h4>我的邀请奖励</h4>
                    <!-- <span><a  <if condition="$user_count gt 0"> href="/Home/Person/invest_push_index" <else/>href="javascript:" onclick="push_is_null()"</if> >我的邀请详情<i></i></a></span> -->
                </div>
                <div class="invitation-content" id="chose">
                    <div class="pro-content" >
                        <p class="pro-content-red">{$fl_num>0?$fl_num:0.00}</p>
                        <p>返利金额(元)</p>
                    </div>
                    <div class="pro-content">
                        <p class="pro-content-ccc">{$user_count}</p>
                        <p>成功邀请(人)</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 赚钱攻略 -->
    <section class="strategy">
        <div class="strategy-title">
            <h4>赚钱攻略</h4>
        </div>
        <div class="strategy-content">
            <div class="strategy-item">
                <div class="item-left"><span>方法一</span></div>
                <div class="item-right">点击右上角“<i></i>”分享到微信朋友圈或发送给微信好友</div>
            </div>
            <div class="strategy-item">
                <div class="item-left"><span>方法二</span></div>
                <div class="item-right">邀请好友扫描下面二维码，让好友进入注册页面完成操作</div>
            </div>
            <div class="strategy-code" id="output">
                <!-- <img src="../images/8hjie-code.png" alt=""> -->
            </div>
        </div>
    </section>
    <!-- 奖励金额 -->
    <section class="reward">
        <div class="reward-title">
            <h4>邀请奖励规则</h4>
        </div>
        <div class="reward-pro">
            <div class="reward-content">
                <ul class="reward-pro-title">
                    <li>投资平台</li>
                    <li>起投金额</li>
                    <li>投资期限</li>
                    <li>好友返利</li>
                    <li>邀请返利</li>
                </ul>
                <div class="reward-pro-item">
                  <volist name="list" id="v" offset="0" length='3'>
                    <ul class="pro-item">
                        <li>{$v.platform_name}</li>
                        <li>{:ceil($v['start_amount'])}</li>
                        <li>{$v.deadline}<if condition="$v.deadline_unit eq 0">个月<else/>天</if></li>
                        <li>{$v.user_award}</li>
                        <li>{$v.push_award}</li>
                    </ul>
                  </volist>
                </div>                
            </div>
        </div>
        <div class="reward-more">查看更多</div>
    </section>
    <!-- 活动规则 -->
    <section class="rule">
        <div class="rule-title">
            <h4>活动规则</h4>
        </div>
        <div class="rule-content">
            <p>1、奖励获得必须满足以下条件：</p> 
            <p>a.被邀请好友需成功注册并投资8号金融街合作平台</p>
            <p>b.被邀请好友需完成8号金融街合作平台的投资并符合返利方案；</p>
            <p>2、现金奖励发放机制：</p> 
            <p>每成功邀请1个成功投资的用户，可获得对应的现金奖励，现金奖励将于好友投资成功后次日发送到您的返利账户；</p>
            <p>3、邀请的好友需是真实用户，一旦发现恶意刷单行为，8号金融街有权不发放奖励；</p>
            <p>4、邀请好友需成功达到5个方可提现奖励金额；</p>
            <p>5、被邀请好友在投资8号金融街合作平台时，可获得8号金融街发送的额外返利现金；</p>
            <p>6、活动最终解释权归8号金融街所有。</p>
        </div>
    </section>
    <!-- 奖励金额查看更多弹窗 -->
    <!-- 笼罩层 -->
    <div class="reward-slide"></div>
    <div class="reward-slide-content">
        <div class="reward-title">
            <h4>活动奖励金额</h4>
            <span></span>
        </div>
        <div class="reward-pro">
            <div class="reward-content">
                <ul class="reward-pro-title">
                    <li>投资平台</li>
                    <li>起投金额</li>
                    <li>投资期限</li>
                    <li>好友返利</li>
                    <li>邀请返利</li>
                </ul>
                <div class="reward-pro-item">
                    <foreach name="list" item="v">
                    <ul class="pro-item">
                        <li>{$v.platform_name}</li>
                        <li>{:ceil($v['start_amount'])}</li>
                        <li>{$v.deadline}<if condition="$v.deadline_unit eq 0">个月<else/>天</if></li>
                        <li>{$v.user_award}</li>
                        <li>{$v.push_award}</li>
                    </ul>
                    </foreach>
                </div>
            </div>
        </div>
        <div class="reward-close">
            <button>我知道了</button>
        </div>
    </div>
    <!-- 我的邀请详情弹窗 -->
    <div class="my-yaoqing-detail">
         <div class="detail-title"><h4>我的邀请详情</h4><span></span> </div>   
        <div class="detail-pro">
            <div class="detail-content">
                <ul class="detail-pro-title">
                    <li>手机号码</li>
                    <li>投资平台</li>
                    <li>邀请返利</li>
                </ul>
                <div class="detail-pro-item">
                    <foreach name="tz_list" item="v">
                    <ul class="pro-item">
                        <li>{:hidtel($v['phone'])}</li>
                        <li>{$v['platform_name']}</li>
                        <li>{$v.quota}</li>
                    </ul>
                    </foreach>

                    <foreach name="user_list_id" item="v">
                    <ul class="pro-item">
                        <li>{:hidtel($v['phone'])}</li>
                        <li>未投资</li>
                        <li>0.00</li>
                    </ul>
                    </foreach>                                                           
                </div>
            </div>
        </div>  
        <div class="detail-close">
            <button>我知道了</button>
        </div>                  
    </div>
</block>
<block name="js">
  <script type="text/javascript">
 $(function(){
            $("#chose").click(function() {
                $(".reward-slide").show();
                $(".my-yaoqing-detail").slideDown();
                $("body").css("overflow","hidden");
                // $(document).on('touchmove',function (e){
                //     e.preventDefault();
                // });
                 $(".detail-close , .detail-title>span").click(function () {
                     $(".reward-slide").hide();
                     $(".my-yaoqing-detail").slideUp();
                     $("body").css("overflow", "");
                 });                 
            });

     $(".reward-more").click(function(){
         $(".reward-slide").show();
         $(".reward-slide-content").slideDown();
        $("body").css("overflow-x","hidden");
        $("body").css("height","100%");
         $(".reward-close , .reward-title>span").click(function () {
             $(".reward-slide").hide();
             $(".reward-slide-content").slideUp();
             $("body").css("overflow", "");
         });         
     });  
      function push_is_null() {
          layer.msg('您还没有邀请到好友！');
      }   


        $('#output').qrcode("http://wei.8hjie.com/Home/Recommend/m_marketing/recommend_id/{$_SESSION['user']['id']}");

    

 })
        var title="您的好友邀请您来一起赚返利啦！"
        var desc = '8号金融街-精选多家优质平台！首投平台最高可获88元现金返利。'
        var link="http://wei.8hjie.com/Home/Recommend/m_marketing/recommend_id/{$_SESSION['user']['id']}"
        var imgUrl='http://www.8hjie.com/App/Home/Public/images/wx_fx.jpg'

  </script>
</block>